<!--06-attr和prop函数.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>attr和prop函数</title>
    <script type="text/javascript"  src="jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {

            // 获取
            var value = $(":checkbox").attr("value");
            alert(value);  // checkbox1

            $(":checkbox").attr("value","ylaihui");

            var check = $(":checkbox:last").attr("checked");  // 未选中返回 undefined 意思不太明确，这时候推荐使用 prop
            alert(check);  // undefined

            var check1 = $(":checkbox:last").prop("checked");
            alert(check1);   // false

            // 设置自定义属性
            $(":checkbox:first").attr("ref","ylaihui.com");  // 设置

            var val = $(":checkbox:first").attr("ref");  // 获取
            alert(val);  // ylaihui.com
        })
    </script>
</head>
<body>
    <input type="checkbox" checked="checked" name="checkbox" value="checkbox1">Java
    <input type="checkbox" name="checkbox" name="checkbox" value="checkbox2">
</body>
</html>